<template>
	<view class="shop_con">
		<image :src="shopimg" mode="aspectFill"></image>
		<view class="" style="padding: 0 10px;">
			<view class="text_hidden2 fw-b" style="margin: 4px 0;height: 40px;">
				{{shopname}}
			</view>
			<view class="display just_space ft_12 p_top_10">
				<view class="c-red fw-b" style="width: 50%;">
					<text v-if="price">￥{{price}}+</text>
					<text style="color: #E67920;">{{jifen}}积分</text>
				</view>
				<view class="c-999">已兑{{num}}份</view>
			</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		props:['shopimg','shopname','price','jifen','num'],
		name:"shop",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.shop_con{
	width: 330rpx;padding-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 10rpx;
	overflow: hidden;
	margin-bottom: 10px;
	image{
		width: 100%;height: 140px;
	}
	.manjian{
		border: 1px solid #f68d8d;padding: 3px;color: #f68d8d;
	}
	.addcart{
		width: 24px;height: 24px;background-color: #ee9a20;border-radius: 50%;
		image{
			width: 12px;height: 12px;
		}
	}
}
.just_space{
	justify-content: space-between;
}
.ft_12{
	font-size: 12px;
}
.p_top_10{
	padding-top: 10px;
}
.fw-b{
	font-weight: bold;
}
.c-red{
	color: red;
}
</style>
